<template>
  <div class="am-content">
    <div class="amc-toolbar">
      <el-date-picker
        v-model="pickerTime"
        type="datetimerange"
        :picker-options="pickerOptions"
        range-separator="至"
        start-placeholder="开始日期"
        end-placeholder="结束日期"
        format="yyyy-MM-dd HH:mm:ss"
        value-format="yyyy-MM-dd HH:mm:ss"
        align="right"
        @change="datePickerChanage">
      </el-date-picker>
      <el-button type="success" icon="el-icon-search" style="margin-left:10px;" @click="toQuery">搜索</el-button>
      <el-button type="warning" icon="el-icon-refresh-right" @click="resetQuery">重置</el-button>
      <el-button type="primary" icon="el-icon-refresh" @click="refreshQuery">刷新</el-button>
    </div>
    <el-table border stripe :data="tableData" :header-cell-style="tableHeaderCellStyle">
      <el-table-column prop="userName" label="姓名" align="center"/>
      <el-table-column prop="phone" label="电话" align="center"/>
      <el-table-column prop="address" label="定位" align="center"/>
      <el-table-column prop="alarmDate" label="时间" align="center"/>
    </el-table>
    <el-pagination
      :current-page="curPage"
      :page-size="limit"
      layout="total, prev, pager, next"
      :total="total"
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange">
    </el-pagination>
  </div>
</template>

<script>
import paginationb from "@/mixins/paginationb";
import CommonStyle from "@/util/CommonStyle";
import ElDatePicker from "@/mixins/ElDatePicker";
export default {
  name: "MissedConnection",
  mixins: [paginationb, ElDatePicker],
  data() {
    return {
      tableHeaderCellStyle: CommonStyle.tableHeaderCellStyle,
      queryUrl: "/api-bureau/portal/acceptance/record",
      query: {
        status: 0,
        bizType: 4
      },
    }
  },
  mounted() {
    this.queryData();
  },
  methods: {
    resetQuery() {
      this.curPage = 1;
      this.query = {
        status: 0,
        bizType: 4
      };
      this.queryData();
    }
  }
}
</script>

<style lang="scss" scoped>
@import "../../../styles/police-common.scss";
</style>
